<%@ include file="/common/taglibs.jsp"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<!--网页期限为不过期-->
	<meta http-equiv="Expires" content="0" />
	<!--无缓存-->
	<meta http-equiv="Cache-Control" content="no-cache, no-store" />
	<!--无法脱机浏览-->
	<meta http-equiv="Pragma" content="no-cache" />
	<!--如果未安装GCF，则使用ie8来进行渲染-->
	<meta http-equiv="X-UA-Compatible" content="IE=8" />
	<!--
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
-->

	<title>${systemConfig.systemTitle}</title>


	<!--获取js文件夹位置和img文件夹位置-->
	<%

   String ApplicationPath = request.getContextPath() ;
   String jsPath = ApplicationPath+"/js";
   String imgPath =  ApplicationPath+"/image";
   String newImgPath = ApplicationPath+"/image2";
   
%>
	<!-- GC -->


	<link href="<%=ApplicationPath%>/css/button.css" rel="stylesheet" type="text/css" />
	<!--
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> -->
	<!--easyui的主题css-->
	<link href="<%=ApplicationPath%>/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="<%=ApplicationPath%>/js/easyUI/themes/bootstrap/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=ApplicationPath%>/js/easyUI/themes/icon.css?v=2">
	<link rel="stylesheet" type="text/css" href="<%=ApplicationPath%>/css/jquery.autocomplete.css" />
	<link rel="stylesheet" type="text/css" href="<%=ApplicationPath%>/css/showLoading.css" />
	<link rel="stylesheet" type="text/css" href="<%=ApplicationPath%>/css/realdatagrid.css" />
	<link rel="stylesheet" type="text/css" href="<%=ApplicationPath%>/js/ztree/css/metroStyle/metroStyle.css" />

	


	<style type="text/css">
		* {
			font-size: 12px;
		}

		body {
			font-family: verdana, helvetica, arial, sans-serif;
			font-size: 12px;
			margin: 0;
		}

		.l-topmenu-welcome {
			position: absolute;
			height: 38px;
			right: 30px;
			top: 2px;
			color: #070A0C;
			border: 0px solid red;
		}

		.tree ul li {
			margin-top: 5px;
		}
		
		/* 车辆数图标*/
		.offlinecar_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videooff-offline.png')  !important ;
		}
		.drivecarAlarm_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-drive-alarm.png')  !important ;
		}
		.parkingcarAlarm_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-speed0-alarm.png')  !important ;
		}
		.drivecar_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-drive-normal.png')  !important ;
		}
		.parkingcar_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-speed0-normal.png')  !important ;
		}
		.accoffAlarm_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-accoff-alarm.png')  !important ;
		}
		.accoffPacking_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-accoff-normal.png')  !important ;
		}
		.accoffPacking_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-accoff-normal.png')  !important ;
		}
		.onlineInValid_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-gpsinvalid-normal.png')  !important ;
		}
		.offlineInValid_ico_docu{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videooff-gpsinvalid-normal.png')  !important ;
		}


		.offlinecar_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videooff-offline.png')  !important ;
		}
		.drivecarAlarm_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-drive-alarm.png')  !important ;
		}
		.parkingcarAlarm_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-speed0-alarm.png')  !important ;
		}
		.drivecar_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-drive-normal.png')  !important ;
		}
		.parkingcar_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-speed0-normal.png')  !important ;
		}
		.accoffAlarm_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-accoff-alarm.png')  !important ;
		}
		.accoffPacking_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-accoff-normal.png')  !important ;
		}
		.onlineInValid_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-gpsinvalid-normal.png')  !important ;
		}
		.offlineInValid_ico_open{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videooff-gpsinvalid-normal.png')  !important ;
		}


		.offlinecar_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videooff-offline.png')  !important ;
		}
		.drivecarAlarm_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-drive-alarm.png')  !important ;
		}
		.parkingcarAlarm_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-speed0-alarm.png')  !important ;
		}
		.drivecar_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-drive-normal.png')  !important ;
		}
		.parkingcar_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-speed0-normal.png')  !important ;
		}
		.accoffAlarm_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-accoff-alarm.png')  !important ;
		}
		.accoffPacking_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-accoff-normal.png')  !important ;
		}
		.onlineInValid_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videoon-gpsinvalid-normal.png')  !important ;
		}
		.offlineInValid_ico_close{
			width: 16px !important;
			height: 16px !important;margin-right:2px !important;
			background-image:url('image/videooff-gpsinvalid-normal.png')  !important ;
		}

		.department_ico_open {
			width: 17px !important;
			height: 17px !important;margin-right:2px !important;
			background-image:url('image/folderopen.gif')  !important;
		}
		.department_ico_close{
			width: 17px !important;
			height: 17px !important;margin-right:2px;
			background-image:url('image/folder.gif')  !important;
		}

		.camera_ico_docu {
			width: 25px !important;
			height: 21px !important;
			margin-right: 2px !important;
			background-image: url('image/camera.png') !important;
		}

		.tree-node-selected {
			background: #effefd;
			color: #000000;
		}

		.vehicle-selected-node {
			zoom: 1;
			border: 1px solid #a4d4f5;
			color: #5461d9;
			padding-top: 3px;
			padding-bottom: 3px;
			cursor: pointer;
			background-color: #ebf9ff;
			display: block;
		}

		div.tree_shortcut_toolbar {
			text-align: right;
			background: #effefd;
			padding: 0 5px;
		}

		div.tree_shortcut_toolbar a {
			text-decoration: none;
			color: #0000FF;
		}

		div.tree_shortcut_toolbar a:link {
			color: #000000;
			text-decoration: none;
		}


		.blue-icon {
			color: blue;
		}


		.tree-icon {
			width: 25px;
			height: 20px;
		}

		.mylogo {
			width: 430px;
			height: 80px;
			float: left;
			z-index: 0;
		}

		.alarm_box a:link {
			text-decoration: none;
			/* 指正常的未被访问过的链接*/
		}

		.alarm_box a:visited {
			text-decoration: none;
			/*指已经访问过的链接*/
		}

		.alarm_box a:hover {
			text-decoration: underline;
			color: red
				/*指鼠标在链接*/
		}

		.menubar_img {
			margin: 0px;
			margin-left: 15px;
			margin-right: 15px;
		}

	</style>




	<script>
		//本代码块功能为读取用户的配置信息，设置到当前的全局变量之中
		//首先配置session中获得的osd字幕设置
		//然后设置刷新间隔
		//最后设置用户的地图设定，比如路径和地图类型
		var refreshDataInterval = ${ systemConfig.refreshInterval };//刷新间隔
		var globalConfig = { webPath: "<%=ApplicationPath%>" };
		globalConfig.vehicleOsdConfig = ${ vehicleOsdConfig };//从session中获取osd字幕设置信息
		globalConfig.refreshDataInterval = refreshDataInterval;
		//当前登录用户信息
		var userInfo = ${ onlineUserInfo };//从session中获取
		//获取地图类型是高德地图还是百度地图
		var mapType = userInfo.mapType;
		var randomnumber = Math.floor(Math.random() * 100000);
		var mapPath = "<%=ApplicationPath%>/map/" + mapType + ".jsp?randomnumber=" + randomnumber;
		globalConfig.mapPath = mapPath;//设置地图路径到全局设置
		globalConfig.mapType = mapType;//设置地图类型到全局设置
	</script>

	<!--   基础环境需要的文件----start-->

	<!-- 引入 jquery 和easyui包-->
	<script type="text/javascript" src="<%=jsPath%>/jquery.tmpl.js"></script>
	<script type="text/javascript" src="<%=jsPath%>/jquery/jquery1.8.min.js"></script>
	<script type="text/javascript" src="<%=jsPath%>/easyUI/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="<%=jsPath%>/ztree/jquery.ztree.all.min.js"></script>
	<script type="text/javascript" src="<%=jsPath%>/ztree/jquery.ztree.exhide.js"></script>
	<script type="text/javascript" src="<%=jsPath%>/jquery/jquery.autocomplete.js"></script>
	<script type="text/javascript" src="<%=jsPath%>/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="<%=jsPath%>/jquery/jquery.oLoader.min.js"></script>
	<!--定时器-->
	<script type="text/javascript" src="<%=jsPath%>/jquery/jquery.timers.js"></script>
	<!--加载代码文件，jquery loading 相关-->
	<script type="text/javascript" src="<%=jsPath%>/showLoading.js"></script>


	

	<!--json数据按照html模板格式填充到html中-->
	<script type="text/javascript" src="<%=jsPath%>/json2template.js"></script>


	<script src="http://cdn.jsdelivr.net/sockjs/0.3.4/sockjs.min.js"></script>

	

	<!--   基础环境需要的文件----end-->



	<!--实时数据代码文件，会更新实时数据，牵扯到很多东西,车辆信息等-->
	<!--并且如果注释掉，系统会无法获得数据-->
	<script type="text/javascript" src="<%=jsPath%>/realDataGrid.js?v=2"></script>
	<!--公用方法-->
	<script type="text/javascript" src="<%=jsPath%>/utility.js"></script>




	<!--车辆信息树代码文件-->
	<script type="text/javascript" src="<%=jsPath%>/vehicleTree.js?v=33222"></script>
	<!--右键弹出窗口代码文件-->
	<script type="text/javascript" src="<%=jsPath%>/InfoWindow.js?v=7733"></script>
	<!-- 历史轨迹回放代码文件-->
	<script type="text/javascript" src="<%=jsPath%>/historyRoute.js"></script>
	<!-- 已经被注释掉，没有使用，代码文件也不存在
<script type="text/javascript" src="<%=jsPath%>/alarmGrid.js"></script>
-->
	<!--报警代码文件-->
	<script type="text/javascript" src="<%=jsPath%>/alarm.js?v=40090"></script>
	<!--主菜单，右键菜单，工具栏等的代码文件-->
	<script type="text/javascript" src="<%=jsPath%>/menu.js?v=60"></script>
	<!--加载类型转换方法,author:shinion-->
	<script type="text/javascript" src="<%=jsPath%>/main-func.js?v=1325"></script>

	<!--报警督办页面代码，位置中间容器下部选项卡内-->
	<script type="text/javascript" src="<%=jsPath%>/AlarmToDoGrid.js?v=1"></script>
	<!--809政府平台表格代码文件-->
	<script type="text/javascript" src="<%=jsPath%>/jt809CommandGrid.js"></script>
	<!-- 终端命令代码文件，注释掉之后，中间区域显示的实时视频同时消失-->
	<script type="text/javascript" src="<%=jsPath%>/terminalCommandGrid.js?v=1"></script>
	<!--报警声音代码文件-->
	<script type="text/javascript" src="<%=jsPath%>/alarmSound.js?v=604"></script>
	<!--警报视频窗口，如果注释掉，系统实时视频窗口关闭-->
	<script type="text/javascript" src="<%=jsPath%>/alarmVideoWindow.js?v=6665"></script>
	<!--地图树，电子围栏相关-->
	<script type="text/javascript" src="<%=jsPath%>/maptree.js"></script>
	<!--调用iframe窗口里面的地图方法,原始注释-->
	<!--在地图上显示车辆标记和弹出车辆信息-->
	<script type="text/javascript" src="<%=jsPath%>/myMap.js?v=889977"></script>



	<!--      基本功能，没确认        start           -->
	<!--视频播放相关-->
	<script type="text/javascript" src="<%=jsPath%>/videoPlayer.js?v=17997"></script>
	<!--视频播放相关-->
	<script type="text/javascript" src="<%=jsPath%>/videoStatus.js?v=10707"></script>

	<!--  flash视频播放相关  -->
	<script type="text/javascript" src="<%=ApplicationPath%>/video/js/lang.js"></script>
	<script type="text/javascript" src="<%=ApplicationPath%>/video/js/public.js"></script>
	<script type="text/javascript" src="<%=ApplicationPath%>/video/js/jquery.cookie.js"></script>
	<script type="text/javascript" src="<%=ApplicationPath%>/video/js/swfobject.js"></script>
	<script type="text/javascript" src="<%=ApplicationPath%>/video/player.js?v=7805"></script>
	<script type="text/javascript" src="<%=ApplicationPath%>/video/videoManager.js?v=10098"></script>

	<!--      基本功能，没确认        end           -->

	<!--新视频播放相关js文件-->
	<!-- <script type="text/javascript" src="<%=ApplicationPath%>/video/shplayer/ckplayer/ckplayer.js?v=85302"" ></script> -->
    <!-- <script type="text/javascript" src="<%=ApplicationPath%>/video/shplayer/shplayer.js?v=85302"" ></script> -->
	<!-- <script type="text/javascript" src="<%=ApplicationPath%>/video/shplayer/shplayers.js?v=85302"" ></script> -->
	
	<!-- <script type="text/javascript" src="<%=ApplicationPath%>/video/videoManagerNew.js?v=85302"></script> -->



	<!---->
	<!--layer弹出层-->
	<script type="text/javascript" src="<%=ApplicationPath%>/js/layer/layer.js"></script>	




	<!--   主要代码   暂不用处理  author : shinion-->

	<script type="text/javascript">
		var objTime = null;
		var testUser = null;
		var confirming = false;
		var treeRightMenu = null;


		var RealTimeVideoPlayersTemp = null;//定义指向实时视频对象的指针


		//加载完成后的函数，由window.onload调用
		/*
		 *本方法作用是监控用户不操作时间，并根据情况作出一些处理 
		 author:shinion
		 */
		function idleTest(time) {

			var time = time || 2;
			var userTime = time * 60;
			objTime = {
				init: 0,
				time: function () {
					objTime.init += 1;
					//console.log("idle")  // 用户到达未操作事件 做一些处理
					if (objTime.init > userTime) {
						objTime.init = 0;
						if (confirming == false && MyVideoPlayer.isWindowPreviewing()) {
							confirming = true;
							$.messager.confirm('确认', '用户长时间无操作，是否需要继续浏览视频?', function (r) {
								confirming = false;
								if (r) {
									//alert('ok');
								} else {
									MyVideoPlayer.stopAll();
								}
								return r;
							});

						}
					}
				},
				eventFun: function () {
					//console.log("reset")  // 用户到达未操作事件 做一些处理
					clearInterval(testUser);
					objTime.init = 0;
					testUser = setInterval(objTime.time, 1000);
				}
			}

			testUser = setInterval(objTime.time, 1000);

			var body = document.querySelector('html');
			body.addEventListener("click", objTime.eventFun);
			body.addEventListener("keydown", objTime.eventFun);
			body.addEventListener("mousemove", objTime.eventFun);
			body.addEventListener("mousewheel", objTime.eventFun);

		}//end idleTest

		window.onload = function () {
			//直接调用 参数代表分钟数,可以有一位小数;
			var webIdleTime = ${ webIdleTime };
			idleTest(webIdleTime);
		}
		//窗体被关闭后
		window.onunload = function (e) {
			MyVideoPlayer.clearRequest();
			//return (e || window.event).returnValue = '有信息未保存，确认离开？！';
			// RealTimeVideoPlayersTemp.beforeClosed();//新实时视频功能保存信息
		}
		//窗体将要被关闭
		window.onbeforeunload = function (e) {
			MyVideoPlayer.clearRequest();
			//return (e || window.event).returnValue = '有信息未保存，确认离开？！';
			// RealTimeVideoPlayersTemp.beforeClosed();
		}

		/**
		 * 主菜单
		 */
		var mainMenuData = ${ MainMenu }; //将session中的菜单数据的java集合对象转换成json菜单对象

		/**
		 * 创建快捷菜单
		 */
		var shortCutMenu = ${ ShortCutMenu }; //将session中的菜单数据的java集合对象转换成json菜单对象
		//车辆树的右键菜单数据
		var commandToolMenu = ${ CommandToolMenu }; //将session中右键菜单数据输出成json对象
		//车辆树的右键菜单数据
		var rightMenuData = ${ RightMenu }; //将session中右键菜单数据输出成json对象

		//权限功能数据
		var funcList = ${ WebFunc }; //将session中的菜单数据的java集合对象转换成json菜单对象
		var funcMap = {};

		if (funcList.length > 0) {
			//funcList = funcList[0].items;
			$.each(funcList, function (i, sm) {
				funcMap[sm.funcName] = sm;
			});
		}
		//快捷菜单方法添加到方法集合中
		if (shortCutMenu.length > 0) {
			//funcList = funcList[0].items;
			$.each(shortCutMenu, function (i, sm) {
				funcMap[sm.funcName] = sm;
			});
		}
		//判断用户是否有这个功能权限
		function isFuncAllowed(funcName) {
			return funcMap[funcName];
		}


		function onPanelResize(width, height) {
			//console.log(width+","+ height);
			//$(".tbody").height(height);
			$(".tdiv").height(height - 70);
		}


		//文档加载完成后，加载该方法
		var isReady = false;
$(document).ready(function () {
	//关闭AJAX相应的缓存
	$.ajaxSetup({ cache: false });

	//创建实时数据表格
	//创建实时数据表格，用于不断的刷新表格
	RealDataGrid.create(refreshDataInterval);

	var alarmRefreshInterval = ${ systemConfig.alarmInterval };//报警刷新间隔
	var showVehicleOnMap = "${systemConfig.showVehicleOnMap}";//当报警的时候显示车辆在地图上
	showVehicleOnMap = showVehicleOnMap == "yes";

	//创建报警表格
	AlarmGrid.create(alarmRefreshInterval, showVehicleOnMap);
	AlarmGrid.videoWithAlarm = ${ hasVideoWithAlarmAuthority };
	AlarmVideoWindow.init();


	//在主Iframe内，显示地图
	//不显示地图,author :shinion
	$("#mapFrame").attr("src", mapPath);

	//创建主菜单
	//暂时不建立,author:shinion
	//MyMenu.createMainMenu(mainMenuData);

	//初始化功能菜单
	//author:shinion
	MyMenu.initMainFun(mainMenuData);
	{
		$("#leftDown").show();

		//加载车辆树
		var vehicelTreeId = "vehicleTree";
		var treeHeight = 300;
		// var treeRightMenu = MyMenu.createRightMenu(rightMenuData);
		treeRightMenu = MyMenu.createRightMenu(rightMenuData);
		VehicleTree.createTree(vehicelTreeId, treeHeight, treeRightMenu, refreshDataInterval);
		VehicleTree.videoAuthorized = ${ hasRealTimeVideoAuthority };
	}

	//创建快捷菜单
	//暂时不建立,author:shinion
	// MyMenu.createShortCutMenu(shortCutMenu);

	//创建命令工具栏
	//MyMenu.createCommandToolBar(commandToolMenu);
	//创建右键菜单
	//var treeRightMenu = MyMenu.createRightMenu(rightMenuData);




	//车辆树
	//暂时不创建 author:shinion

	//创建车辆树
	//vehicelTreeId 重新赋值
	//author:shinion
	//var vehicelTreeId = "vehicleTree";
	//var vehicelTreeId = "leftMenus";
	//var treeHeight = 300;

	//创建车辆树
	//创建车辆数方法转到点击事件中
	//VehicleTree.createTree(vehicelTreeId, treeHeight, treeRightMenu, refreshDataInterval);
	//VehicleTree.videoAuthorized = ${ hasRealTimeVideoAuthority };
	//end 车辆树


	//如果有权限，则打开下面三个功能面板
	if (isFuncAllowed("Jt809CommandGrid")) {
		//上级政府平台的打开或者关闭
		Jt809CommandGrid.create();
	} else {
		$('#realDataTab').tabs('close', "上级政府平台");
	}

	//报警督办打开或者关闭
	if (isFuncAllowed("AlarmToDoGrid")) {
		AlarmToDoGrid.create();
	} else {
		$('#realDataTab').tabs('close', "报警督办");
	}

	//终端命令打开或者关闭
	if (isFuncAllowed("TerminalCommandGrid")) {
		TerminalCommandGrid.create();
	} else {
		$('#realDataTab').tabs('close', "终端命令");
	}
	//end //如果有权限，则打开下面三个功能面板


	//车辆树过滤条件下拉框触发事件
	$('#filterType').combobox(
		{
			onChange: function (newValue, oldValue) {
				var filterType = newValue;
				if (filterType == "all") {
					//$("#filterType").combobox('setValue','');
					$('#searchBox').searchbox('setValue', null);
					VehicleTree.clearFilter();//清除过滤条件，重新查询
					VehicleTree.load(false);
				} else if (filterType == "online") {
					var params = { online: 1 };
					VehicleTree.filter(params);
				} else if (filterType == "offline") {
					var params = { online: 0 };
					VehicleTree.filter(params);
				}
			}
		});
	$('#filterType').combobox("setValue", "plateNo");
	$("#LoginName").html(userInfo.roleName + ':' + userInfo.name);
	isReady = true;
	//创建地图图元树
	//暂时关闭,author:shinion
	MapTree.createTree();

	//登录时间
	$("#spanLoginTime").html(userInfo.loginTime);
	//路线规划窗口关闭
	$('#routePlanWindow').window('close');

	//添加实时视频
	//暂时关闭：author:shinion
	//addVideoPanelTab();

	//设置播放器的连接路径
	var httpUrl = "<%=ApplicationPath%>";
	initVideoPlayer('127.0.0.1', 19350
		, httpUrl, 100, 100);
	
	//调用基本数据类取获取基本数据
	
	try {
		// console.log("MyBasicData.init");
		MyBasicData.init("<%=ApplicationPath%>");
	} catch (error) {
		console.error("获取基本数据发生错误："+error);
	}

	//新实时视频功能关闭页面事件
	$('#mainTab').tabs({
		onBeforeClose: function(title,index){
			if(title =="实时视频"){
				RealTimeVideoPlayersTemp.beforeClosed();
			}
		},
	});

	
	

});/////////end $(document).ready()


///////////////////////////////////////////////////////






///////////////////////////////////////////////////////



	/**
	* 始化主功能按钮
	* author:shinion
	*/
	MyMenu.initMainFun = function (mainMenuData) {
		var imgTr = $("#imgTr");
		var nameTr = $("#nameTr");
		var strTemp;
		var idTemp;
		if (imgTr && nameTr) {
			//遍历菜单数据
			$.each(mainMenuData, function (i, sm) {
				if (sm) {
					//添加主菜单
					idTemp = sm.id;
					strTemp = '<td><a href="#"><img id="' + idTemp + '" ondragstart="return false;" src="' + MainDo.getImg(sm.text) + '" class="menubar_img" /></a></td>';
					imgTr.append(strTemp);
					strTemp = "<td>" + sm.text + "</td>";
					nameTr.append(strTemp);
					$("#" + idTemp).bind("click", sm, leftShow);
				}
			});

			//添加退出菜单
			idTemp = "99999";
			var sm = { id: idTemp, text: "退出" };
			strTemp = '<td><a href="#"><img id="' + idTemp + '" ondragstart="return false;" src="image2/exit1.png" class="menubar_img" /></a></td>';
			imgTr.append(strTemp);
			strTemp = "<td>退出</td>";
			nameTr.append(strTemp);
			$("#" + idTemp).bind("click", sm, leftShow);
		} else {
			console.log("initMainFun-> imgTr or nameTr error");
		}
	}

//点击顶部主功能按钮，左侧显示该部分功能面板
	function leftShow(evt) {
	//从点击事件体获取数据data，然后进行处理
	if (evt) {
		var left = $("#leftUp")
		var data = evt.data;
		if (data && left) {

			switch (data.id) {
				default:
					//清空左侧面板
					if (MainDo.leftInit(data)) {
						//遍历数据，添加左侧功能菜单
						if (data.items) {
							$.each(data.items, function (i, o) {
								strTemp = '<p><div><img src="' + MainDo.getIcon(o.icon) + '"/><a  id="' + o.id + '">  ' + o.text + '</a></div></p>';
								left.append(strTemp);
								//添加事件
								leftAddEvt(o);
							});
						}
					} else {
						console.log("leftshow->初始化功能面板失败");
					}

					break;
				case "30000":
					//创建车辆树
					//console.log("vehicleTree");
					if (MainDo.leftInit(data)) {
						$("#leftDown").show();

						//加载车辆树
						var vehicelTreeId = "vehicleTree";
						var treeHeight = 300;
						VehicleTree.createTree(vehicelTreeId, treeHeight, treeRightMenu, refreshDataInterval);
						VehicleTree.videoAuthorized = ${ hasRealTimeVideoAuthority };
					} else {
						console.log("leftshow->初始化功能面板失败");
					}
					break;
				case "50000":
					//实时视频
					addVideoPanelTab();
					break;
				case "60000":
					//历史视频
					addVideoReplsyTab();
					break;
				case "99999":
					if (confirm("是否退出系统？")) {
						top.location = "<%=ApplicationPath%>/logout.action";
					}
					break;

			}
		} else {
			console.log("leftShow-> 事件参数错误");
		}
	}
}
		/*
		测试代码结束，添加左面板数据
		*/
	function addVideoReplsyTab() {
		addTab("视频回放", "videoPlayBack/view.action?windowCurNum=1", "icon-camera");
	}





		//添加实时视频表格，中间的主面板上
		function addVideoPanelTab() {
			var hasRealTimeVideoAuthority = ${ hasRealTimeVideoAuthority };
			if (hasRealTimeVideoAuthority) {
				addTab("实时视频", "", "icon-camera");
			}
		}

		//添加面板,功能：在中间主面板上添加一个面板
		var index = 0;
		function addPanel() {
			index++;
			$('#mainTab').tabs('add', {
				title: 'Tab' + index,
				content: '<div style="padding:10px">Content' + index + '</div>',
				closable: true
			});
		}

		//主面板加载事件处理方法
		function onMainTabLoaded(p) {
			var obj = $.parser.parse(p);
			//alert(obj.title);
			//历史轨迹面板
			HistoryRoutePanel.init("hisDataGrid");

			var plateNo = VehicleTree.getSelectedPlateNo();
			HistoryRoutePanel.setPlateNo(plateNo);

			var pp = $('#mainTab').tabs('getSelected');
			var title = pp.panel('options').title;
			//alert(title);
		}

		/*
		窗体大小改变事件处理方法
		*/
		function onBodyResized() {
			var pp = $('#mainTab').tabs('getSelected');
			var panelOptions = pp.panel('options');
			var title = panelOptions.title;
			//alert(title + "width:" + panelOptions.width + ",height:" + panelOptions.height);
			//|| title == "新实时视频"
			if (title == "实时视频" || title == "综合监控") {

				//整个窗体的width-300，为中央面板的宽度
				var pw = document.documentElement.clientWidth - 300;
				//整个窗体的height-118，为中央面板的高度
				var ph = document.documentElement.clientHeight - 118;
				$("#videoContent").css("width", pw).css("height", ph);

				//$("#centerLayout").css("width",pw).css("height",ph);
				$("#centerLayout").attr("style", "width:" + pw + "px;height:" + ph + "px");
				$("#centerLayout").layout("resize", {
					width: pw,
					height: ph
				});

				//$("#videoFlash").css("width",panelOptions.width).css("height",panelOptions.height);
				//pp.append($("#videoFlash"));
			} else if(title=="主动安全报警详细信息"){
				//如果修改标题，需同时修改onMainTabSelect方法中标题条件
				// console.log("窗体大小改变");
				var pw = panelOptions.width;
				var ph = panelOptions.height;
				// var heightTemp = 240;//定义实时数据窗口高度
				var heightTemp = parseInt($("#realDataTab").css("height"));
				if(isNaN(heightTemp) || heightTemp <= 0)
					heightTemp == 240;
				var leftTemp = document.documentElement.clientWidth - pw;//定义实时数据窗口的左侧定位

				 //重设层区域和层位置
				$("#videoContent").css("width", pw).css("height", heightTemp).css("left", leftTemp+"px")
					.css("top", (109+ph-heightTemp)+"px")
					.css("z-index", 0);

				$("#centerLayout").attr("style", "width:" + pw + "px;height:" + heightTemp + "px");
				$("#centerLayout").layout("resize", {
					width: pw + "px",
					height: heightTemp + "px"
				});
				$('#centerLayout').layout('expand', 'south');
				
				//重设面板高度
				pp.css("height",ph-heightTemp);
				// console.log("被选中的面板高度："+(ph-heightTemp));
			}else
			{
				$("#videoContent").css("z-index", "-100");
			}
		}

		//主窗体面板选择功能面板时调整大小
		function onMainTabSelect(p) {
			var pp = $('#mainTab').tabs('getSelected');
			var panelOptions = pp.panel('options');
			var title = panelOptions.title;
			var pw = panelOptions.width;
			var ph = panelOptions.height;
			//alert(title + "width:" + panelOptions.width + ",height:" + panelOptions.height);

			//获取实时数据面板的高度
			var heightTemp = parseInt($("#realDataTab").css("height"));
				if(isNaN(heightTemp) || heightTemp <= 0)
					heightTemp == 240;
			// console.log("选择面板");
			// console.log(p);
			if (p == "实时视频" || p == "综合监控") {
				$("#videoContent").css("width", pw).css("height", ph).css("left", "300px")
					.css("top", "109px")
					.css("z-index", 0);

				//$("#centerLayout").css("width",pw).css("height",ph);
				$("#centerLayout").attr("style", "width:" + pw + "px;height:" + ph + "px");
				$("#centerLayout").layout("resize", {
					width: pw + "px",
					height: ph + "px"
				});

				if (p == "综合监控") {
					$('#centerLayout').layout('panel', 'east').panel("resize", { width: pw });
					$('#centerLayout').layout('resize');

					$('#centerLayout').layout('expand', 'south');
					//$('#centerLayout').layout('panel', 'center').panel("resize", { width: 0 })

				} else if (p == "实时视频") {
					//实时视频占75%，剩余给地图面板
					var mapWidth = pw * 25 / 100;
					$('#centerLayout').layout('panel', 'center').panel("resize", { width: pw - mapWidth});
					// $('#centerLayout').layout('panel', 'center').panel("resize", { height:300});
					$('#centerLayout').layout('panel', 'east').panel("resize", { width: mapWidth});
					$('#centerLayout').layout('resize');
					//实时数据窗体隐藏

					//显示实时视频页面
					showRealTimeVideoPage();
				}

				$("#videoPlaybackContent").css("z-index", "-100");
				//pp.append($("#mapMonitor"));
				//$("#videoFlash").css("width",panelOptions.width).css("height",panelOptions.height);
				//pp.append($("#videoFlash"));
			} else if (p == "视频回放") {
				$("#videoContent").css("z-index", "-100");
				$("#videoPlaybackContent").css("width", pw).css("height", ph).css("left", "300px")
					.css("top", "109px")
					.css("z-index", 0);
			} else if (p == "主动安全报警详细信息") {
				//如果修改标题，需同时修改onBodyResized方法中标题条件
				// var heightTemp = 240;//定义实时数据窗口高度
				
				var leftTemp = document.documentElement.clientWidth - pw;//定义实时数据窗口的左侧定位
				 
				 //重设层区域和层位置
				$("#videoContent").css("width", pw).css("height", heightTemp).css("left", leftTemp+"px")
					.css("top", (109+ph-heightTemp)+"px")
					.css("z-index", 0);

				$("#centerLayout").attr("style", "width:" + pw + "px;height:" + heightTemp + "px");
				$("#centerLayout").layout("resize", {
					width: pw + "px",
					height: heightTemp + "px"
				});
				$('#centerLayout').layout('expand', 'south');
				
				//重设面板高度
				pp.css("height",ph-heightTemp);
				// console.log("被选中的面板高度："+(ph-heightTemp));
				
			}
			else {
				$("#videoContent").css("z-index", "-100");
				$("#videoPlaybackContent").css("z-index", "-100");
			}
		}


		//显示实时视频页面，进行初始化
		function showRealTimeVideoPage(){
			console.log("开始初始化");
			//初始化播放器
			if (RealTimeVideoPlayersTemp != null) {
				//只显示视频插件，不播放
				var obj = {
					simNo: "",
					plateNo: "",
					videoChannelNum: 4,
					vehicleId: 0,
					vehicleChannelStr: ""
				};
				RealTimeVideoPlayersTemp.initShplayers2(obj, "");
			}
		}



		//主面板被关闭所需方法
		function onMainTabClosed(title) {
			if (title == '历史轨迹') {
				HistoryRoutePanel.stopPlay();
			}
		}

		//添加历史轨迹
		function addHisrouteTab() {
			addTab("历史轨迹");
		}

		//添加功能面板方法
		var tabId = 1;
		function addTab(title, href, icon) {
			var tt = $('#mainTab');
			// console.log(tt);
			if (tt.tabs('exists', title)) {//如果tab已经存在,则选中并刷新该tab          
				tt.tabs('select', title);
				

				var plateNo = VehicleTree.getSelectedPlateNo();
				//设置车牌号，暂时注释掉，不使用
				//author：shinion
				HistoryRoutePanel.setPlateNo(plateNo);

				//refreshTab({tabTitle:title,url:href});  
			} else {
				if (title == '历史轨迹') {
					tt.tabs('add', {
						title: title,
						id: tabId,
						closable: true,
						href: 'hisroute.html',
						//content:content,  
						iconCls: icon || 'icon-default'
					});

				} else {
					if (href && title != "实时视频" && title != "视频回放") {
						var content = '<iframe scrolling="auto" frameborder="0"  src="' + href + '" style="width:100%;height:100%;"></iframe>';
					} else {
						var content = '未实现';
					}

					// console.log("content = "+content);
					tt.tabs('add', {
						title: title,
						id: tabId,
						closable: true,
						content: content,
						iconCls: icon || 'icon-default'
					});
					
				}
			}
		}


		//刷新面板，在添加面板方法中调用，
		//已经被注释掉，该方法没有被使用
		function refreshTab(cfg) {
			var refresh_tab = cfg.tabTitle ? $('#mainTab').tabs('getTab', cfg.tabTitle) : $('#mainTab').tabs('getSelected');
			if (refresh_tab && refresh_tab.find('iframe').length > 0) {
				var _refresh_ifram = refresh_tab.find('iframe')[0];
				var refresh_url = cfg.url ? cfg.url : _refresh_ifram.src;
				//_refresh_ifram.src = refresh_url;  
				_refresh_ifram.contentWindow.location.href = refresh_url;
			}
		}
		/**
		 * 刷新当前标签页面
		 */
		function refreshTabPage() {
			var refresh_tab = $('#mainTab').tabs('getSelected');
			if (refresh_tab && refresh_tab.find('iframe').length > 0) {
				var _refresh_ifram = refresh_tab.find('iframe')[0];
				var refresh_url = _refresh_ifram.src;
				_refresh_ifram.contentWindow.location.href = refresh_url;
			}
		}
		function closeCommandWindow() {
			$('#commandWindow').window('close');
		}

		function closeIFrameWindow() {
			$('#commandWindow').window('close');
		}

		function onIFrameWindowBeforeClose() {
			var iframeWindow = $('#commandIframe')[0];
			if (iframeWindow && iframeWindow.contentWindow.onWindowBeforeClose)
				return iframeWindow.contentWindow.onWindowBeforeClose();
			return true;
		}


		function openIFrameWindow(url, width, height, title) {
			//$('#commandIframe')[0].src = "about:blank";
			//清空iframe的内容,避免缓存
			$('#commandIframe')[0].contentWindow.document.body.innerText = "";
			$('#commandIframe')[0].src = url;
			$('#commandWindow').dialog({
				width: width,
				height: height,
				title: title,
				minimizable: false,
				modal: false,
				onBeforeClose: onIFrameWindowBeforeClose
			});
			$('#commandWindow').window('open');
		}
		function openIFrameChildWindow(url, width, height, title) {
			//$('#commandIframe')[0].src = "about:blank";
			//清空iframe的内容,避免缓存
			var childIframe = $('#childIframe');
			childIframe[0].contentWindow.document.body.innerText = "";
			childIframe[0].src = url;
			$('#childWindow').dialog({
				width: width,
				height: height,
				title: title,
				minimizable: false,
				modal: false
			});
			$('#childWindow').window('open');
		}


		/**
		 * 主窗口函数，主要是当子窗口的编辑窗口中数据保存后，
		 * 重新刷新Iframe子窗口中的页面中提供的refreshTable的刷新表格函数
		 */
		function refreshDataWindow() {
			var curTab = $('#mainTab').tabs('getSelected');
			var tabId = curTab.id;
			if (curTab && curTab.find('iframe').length > 0) {
				var iframeWindow = curTab.find('iframe')[0];
				//调用子窗口的刷新表格函数 函数在表格分页js文件中,paginateUtil.js
				if (iframeWindow && iframeWindow.contentWindow.refreshTable)
					iframeWindow.contentWindow.refreshTable();
			}
		}

		function openRoutePlanWindow() {
			$('#routePlanWindow').window('open');
		}
		/**
	  * 打开围栏设置窗口,在地图中画围栏或者线路时调用，弹出窗口，录入参数，保存。
	  */
		var mapAreaWindow;
		function openRouteWindow(url, width, height, title, closeCallback) {
			$('#commandIframe')[0].contentWindow.document.body.innerText = "";
			$('#commandIframe')[0].src = url;
			mapAreaWindow = $('#commandWindow').window({
				width: width,
				height: height,
				title: title,
				modal: false,
				onClose: function () {
					if (closeCallback)
						closeCallback();
				}
			});
			$('#commandWindow').window('open');
		}

		//创建围栏
		function createExtendMapArea(ec, strPoints) {
			var id = ec.entityId;
			if (id > 0 && strPoints.length > 0) {
				var curTab = $('#mainTab').tabs('getSelected');
				var tabId = curTab.id;
				if (curTab && curTab.find('iframe').length > 0) {
					var iframeWindow = curTab.find('iframe')[0];
					if (iframeWindow && iframeWindow.contentWindow.createExtendMapArea) {
						iframeWindow.contentWindow.createExtendMapArea(strPoints, ec.radius, id, ec.areaType, ec.name, ec.centerLat, ec.centerLng);
					}
				}
			}
			closeMapAreaWindow();
		}
		//创建限速点
		function createLimitSpeedPoint(routeId, pointId, name, lat, lng) {
			if (pointId > 0) {
				var curTab = $('#mainTab').tabs('getSelected');
				var tabId = curTab.id;
				if (curTab && curTab.find('iframe').length > 0) {
					var iframeWindow = curTab.find('iframe')[0];
					if (iframeWindow && iframeWindow.contentWindow.createLimitSpeedPoint) {
						iframeWindow.contentWindow.createLimitSpeedPoint(routeId, pointId, name, lat, lng);
					}
				}
			}
			closeMapAreaWindow();
		}



		function createPolyline(ec, strPoints) {
			var id = ec.entityId;
			if (id > 0) {
				var curTab = $('#mainTab').tabs('getSelected');
				var tabId = curTab.id;
				if (curTab && curTab.find('iframe').length > 0) {
					var iframeWindow = curTab.find('iframe')[0];
					if (iframeWindow && iframeWindow.contentWindow.createExtendPolyline) {
						iframeWindow.contentWindow.createExtendPolyline(strPoints, id, ec.name, ec.centerLat, ec.centerLng);
					}
				}

				//window.frames['tab_map-frame'].createExtendPolyline(strPoints, id, ec.name, ec.centerLat, ec.centerLng);
			}

			closeMapAreaWindow();
		}



		function createKeyPoint(ec, strPoints) {
			var id = ec.entityId;
			if (id > 0) {
				var curTab = $('#mainTab').tabs('getSelected');
				var tabId = curTab.id;
				if (curTab && curTab.find('iframe').length > 0) {
					var iframeWindow = curTab.find('iframe')[0];
					if (iframeWindow && iframeWindow.contentWindow.createExtendKeyPoint) {
						iframeWindow.contentWindow.createExtendKeyPoint(ec.centerLat, ec.centerLng, ec.raidus, id, ec.name);
					}
				}
			}

			closeMapAreaWindow();
		}
		/**
		 * 创建地标
		 */
		function createMarker(ec, strPoints) {
			var id = ec.entityId;
			if (id > 0) {
				var curTab = $('#mainTab').tabs('getSelected');
				var tabId = curTab.id;
				if (curTab && curTab.find('iframe').length > 0) {
					var iframeWindow = curTab.find('iframe')[0];
					if (iframeWindow && iframeWindow.contentWindow.createExtendKeyPoint) {
						iframeWindow.contentWindow.createExtendMarker(ec.centerLat, ec.centerLng, ec.raidus, id, ec.name, ec.icon);
					}
				}
			}

			closeMapAreaWindow();
		}


		//关闭区域设置窗口
		function closeMapAreaWindow() {
			if (mapAreaWindow)
				mapAreaWindow.window('close');
		}

		//格式化状态数据
		var formatStatusInfo = function (str) {
				var temp = '' + str;
				if (temp.indexOf("未定位") >= 0) {
					temp = temp.substring(0, 8);
				} else {
					if (temp.indexOf("定位") >= 0) {
						temp = temp.substring(0, 7);
					}
				}
				return temp;
			}
		
		//格式化驾驶员信息
		var formatDriverNameInfo = function(str){
			if(str){
				if(str.length > 0){
					if(str.length > 5){
						return str.substring(0,5);
					}else{
						return str;
					}
				}else{
					return "";
				}

			}else{
				return "";
			}
			return "";
		}
		//格式化地址信息
		var formatLocationInfo = function(str){
			if(str && str.length > 25){
				return str.substring(0,25);
			}
			return "";
		}

		function renderTemplate(opt) {
			// console.log("开始绑定数据........");
			// console.log(" mapType = " + globalConfig.mapType);
			// console.log(opt);
			
			//格式化数据
			//形式状态
			if(!opt.velocityDescr){
				opt.velocityDescr = 0;
			}
			var strTemp = ''+opt.velocityDescr;
			if(strTemp.indexOf("停车") < 0){
				strTemp += '(km/h)';
				opt.velocityDescr = strTemp;
			}
			//终端状态
			opt.status2 = opt.status;
			opt.status = formatStatusInfo(opt.status2);
			//驾驶员
			opt.driverNameBak = opt.driverName;
			opt.driverName = formatDriverNameInfo(opt.driverNameBak);
			//地址
			opt.location2 = opt.location;
			opt.location = formatLocationInfo(opt.location2);
			


			//继续执行
			if (globalConfig.mapType != "smart")
				return renderTemplate2(opt);
			if (opt.latitude) {
				var strLatitude = "" + opt.latitude;
				strLatitude = strLatitude.substring(0, 9);
				opt.latitude = strLatitude;//opt.latitude.toFixed(6); 
			}
			console.log(opt.status);
			if (opt.longitude) {
				var strLongitude = "" + opt.longitude;
				strLongitude = strLongitude.substring(0, 9);
				opt.longitude = strLongitude;//opt.longitude.toFixed(6); 
			}
			//调用模板引擎，将json数据填充到模板中，转成html
			var d = $("#infoWindowTemplateOutput").bindTemplate(
				{
					source: opt
					, template: $("#infoWindowTemplate")
				});
			var html = d.html();// d.prop("outerHTML");//appendTo("#templateContent");
			// var html =$("#templateContent").html();
			return html;
		}

		function renderTemplate2(opt) {
			if (opt.latitude) {
				var strLatitude = "" + opt.latitude;
				strLatitude = strLatitude.substring(0, 9);
				opt.latitude = strLatitude;//opt.latitude.toFixed(6); 
			}
			if (opt.longitude) {
				var strLongitude = "" + opt.longitude;
				strLongitude = strLongitude.substring(0, 9);
				opt.longitude = strLongitude;//opt.longitude.toFixed(6); 
			}
			var d = $("#infoWindowTemplateOutput").bindTemplate(
				{
					source: opt
					, template: $("#infoWindowTemplate2")
				});
			var html = d.html();
			//var html = $("#realDataTemplate2").tmpl(opt).html();
			//var html =$("#templateContent").html();
			return html;
		}

		//停车点模板
		function renderVehicleStopTemplate(opt){
			// console.log("停车点模板数据");
			// console.log(opt);

			if (opt.latitude) {
				var strLatitude = "" + opt.latitude;
				strLatitude = strLatitude.substring(0, 9);
				opt.latitude = strLatitude;//opt.latitude.toFixed(6); 
			}
			if (opt.longitude) {
				var strLongitude = "" + opt.longitude;
				strLongitude = strLongitude.substring(0, 9);
				opt.longitude = strLongitude;//opt.longitude.toFixed(6); 
			}

			var d = $("#infoWindowTemplateOutput").bindTemplate(
				{
					source: opt
					, template: $("#infoWindowTemplate3")
				});
			var html = d.html();
			return html;
		}


		//过滤树
		function doSearchTree(value) {
			var filterType = $("#filterType").combobox('getValue');

			if (filterType == "all") {
				$.messager.alert('提示', '请选择过滤类型');

			} else {
				if (value == null || value.length == "") {
					$.messager.alert('提示', '请输入过滤条件');
				}
				var params = {};
				params[filterType] = value;
				VehicleTree.filter(params);
			}
			//alert('You input: ' + value);
		}

		function hideRealDataTab() {
			$('#centerLayout').layout('collapse', 'south');
		}


		function onTabSelect(title) {
			//var pp = $('#realDataTab').tabs('options');
			//alert(pp.height);
			//var width =  $('#realDataTab').tabs('width');
			//alert(width);
		}

		//当历史轨迹标签调整尺寸时，调整标签页中的表格的高度和宽度
		function onRouteTabResize(width, height) {
			if (isReady == false)
				return;
			//alert(width+','+height);
			//$("#hisDataGrid").datagrid('resize',{width:width-10,height:height-2,left:2,top:2});

		}

		/**
		 * 当用户点击打开修改密码的按钮时，弹出修改密码的窗口
		 */
		function openUpdatePasswordWindow() {
			InfoWindow.open('user/updatePassword.action?input=true', 400, 260, "修改用户密码");
		}
		/**
		 * 设置页面中的车牌号,由气泡魔板调用
		 */
		var setPlateNoNew = function (plateNo) {
			// console.log("需要设置的车牌号为：" + plateNo);
			var me = this;
			$(document).oneTime("500ms", "setNewPlateNo", function () {
				var fun = setHisRoutePlateNo;
				if (fun) {
					fun(plateNo);
				}
			});
		}
	</script>

</head>

<body class="easyui-layout" onresize="onBodyResized();">

	<div id="pageloading"></div>
	<div data-options="region:'north',border:false," style="height:80px;background: url(<%=newImgPath%>/repeatnav.png) repeat-x scroll 0 0%;padding:1px;overflow:hidden;">
		<div class="mylogo" style="background: url(<%=newImgPath%>/TopLogo.png) no-repeat;width: 360px; overflow:hidden;"></div>
		<div style="width:1000px; margin-left: 400px; text-align: center;">
			<table align="center">
				<tr id="imgTr" ></tr>
				<tr id="nameTr" style="Color:white;"></tr>

			</table>

		</div>
		<div id="rightBar" style="width:100%;">

			<div class="l-topmenu-welcome">
				<i class="fa fa-info blue-icon"></i>&nbsp;&nbsp;当前用户:<span id="LoginName"></span>
				<span class="space">|</span>
				<a href="#" class="easyui-linkbutton" data-options="iconCls:'fa fa-user blue-icon',plain:true" onclick="openUpdatePasswordWindow();">修改用户密码</a>
				<span class="space">|</span>

				<a class="easyui-linkbutton" href="<%=ApplicationPath%>/logout.action" data-options="iconCls:'fa fa-sign-out blue-icon',plain:true">退出</a>
			</div>

		</div>
		<idv style="visibility:hidden;">
			<div id="toolbar" style="float:left;margin-top:35px;margin-left:20px;width:500px;"></div>
			<div id="topMenuContainer" style="float:right;margin-top:35px;margin-left:20px;">
				<div id="topMenu" style="float:right;"> </div>
			</div>
			<div id="menuList"></div>
		</idv>
	</div>
	<!--end of north-->

	<!--左侧改为功能面板-->
	<div data-options="region:'west',split:true" style="width:300px">
		<div id="treeTab" class="easyui-tabs" data-options="fit:true,border:false,plain:true">
			<div id="leftMenus" title="功能面板" style="padding:3px ; " data-options="iconCls:'fa fa-bus blue-icon'">
				<div id="leftUp" style=" margin-left: 10px;"></div>
				<div id="leftDown" style="display:none;">
					<div id="p" style="margin-bottom:5px">
						<select class="easyui-combobox" name="filterType" id="filterType" style="width:80px;" data-options="panelHeight:150,value:'plateNo'">
							<option value="plateNo">车牌号</option>
							<option value="simNo">Sim卡号</option>
							<option value="depName">车组名称</option>
							<option value="driverName">司机姓名</option>
							<option value="online">上线车辆</option>
							<option value="offline">离线车辆</option>
							<option value="all">全部车辆</option>
						</select>
						<input id="searchBox" class="easyui-searchbox" data-options="prompt:'模糊查询',searcher:doSearchTree" style="width:172px"></input>
					</div>
					<ul id="vehicleTree" class="ztree"></ul>
					<div class="easyui-menu" id='rightMenu' style='width: 160px;'>
						<!--<div class="menu-sep"></div>-->
					</div>
				</div>	
			</div>
			<div title="地图数据" style="padding:0px" data-options="iconCls:'fa fa-map-o blue-icon'">				       
				<div id="mapTreeToolbar"   style="margin-bottom:5px">	  
				   <a id="btnReloadMapTree" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" >刷新</a>
				   <a id="btnDeleteArea" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'" >删除</a>
				   <!--
				   <a id="btnDeleteArea" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" >绑定车辆</a>
				   -->
				</div>
				<!--地图区域对象组成的树菜单-->
				<ul id="mapTree"></ul>
			</div>
		</div>

	</div>
	<!--end of west-->
	<div data-options="region:'south',border:false" style="height:20px;background:#dcf095;padding:0px;">
		<a><img src="<%=imgPath %>/info.png" style="vertical-align:middle" width="13" height="13" alt="总数图标" />总数:<span id="spanTotal">0</span></a>
		<a><img src="<%=imgPath %>/online.png" style="vertical-align:middle" width="13" height="13" alt="上线图标" />上线:<span id="spanGpsOnline">0</span></a>
		<a><img src="<%=imgPath %>/offline.png" style="vertical-align:middle" width="13" height="13" alt="离线图标" />离线:<span id="spanGpsOffline">0</span></a>
		<a><img src="<%=imgPath %>/parking.png" style="vertical-align:middle" width="13" height="13" alt="停车图标" />停车:<span id="spanParking">0</span></a>
		<a><img src="<%=imgPath %>/chart.png" style="vertical-align:middle" width="13" height="13" alt="上线率图标" />上线率:<span id="spanOnlineRate">0</span>%</a>
		<!--<a style="margin-left:50px">地图车标:<img src="<%=imgPath %>/VehicleGreen.png" width="11" height="17" align="absmiddle" />行驶
			<img src="<%=imgPath %>/VehicleBlue.png" width="18" height="17" align="absmiddle" />停车 <img src="<%=imgPath %>/VehicleRed.png"
			 width="11" height="17" align="absmiddle" />报警</a>
		登录时间：<span id="spanLoginTime"></span><span style="margin-left:10px; margin-right:10px;">|</span><img src="<%=imgPath %>/user_add.png"
		 style="vertical-align:middle" width="13" height="13" alt="在线人数图标" />当前在线人数:<span id="spanOnlineUserNum">0</span>
		<span style="margin-left:10px; margin-right:10px;">|</span>软件版本：ltmonitor V3.1<span style="margin-left:10px; margin-right:10px;">|</span>-->
		<a style="margin-left:50px">地图车标:
			<img src="<%=imgPath %>/drive-normal.png" width="14" height="14" align="absmiddle"/>正常行驶 
			<img src="<%=imgPath %>/speed0-normal.png" width="14" height="14" align="absmiddle"/>acc开停车 
			<img src="<%=imgPath %>/accoff-normal.png" width="14" height="14" align="absmiddle"/>acc关停车 
			<img src="<%=imgPath %>/drive-alarm.png" width="14" height="14" align="absmiddle"/>报警行驶 
			<img src="<%=imgPath %>/speed0-alarm.png" width="14" height="14" align="absmiddle"/>acc开报警停车 
			<img src="<%=imgPath %>/accoff-alarm.png" width="14" height="14" align="absmiddle"/>acc关报警停车 
			<img src="<%=imgPath %>/gpsinvalid-normal.png" width="14" height="14" align="absmiddle"/>无效定位
			<img src="<%=imgPath %>/offline2.png" width="14" height="14" align="absmiddle"/>离线
	    </a>


		<input type="hidden" value="40" id="onlineUserInfoId" />



		<img src="<%=imgPath %>/alarm.png" style="vertical-align:middle;cursor:pointer;float: right;margin-right: 15px" id="imgShowAlarmWindow"
		 width="13" height="13" alt="点击报警窗口" onclick="AlarmGrid.popNotifyWindow();" />
	</div>
	<div data-options="region:'center'">
		<div id="mainTab" class="easyui-tabs" data-options="fit:true,border:false,plain:true,onSelect:onMainTabSelect,onLoad:onMainTabLoaded,onClose:onMainTabClosed">

			<div id="mapMonitor" title="综合监控" style="padding:0px" data-options="iconCls:'fa fa-star-o blue-icon'">


			</div>
			<!--end of tab1-->



		</div>
		<!--end of mainTab-->

	</div>
	<!--end of center-->
	<div id="commandWindow" style="width:0;height:0;">
		<iframe scrolling="auto" id='commandIframe' frameborder="0" src="" allowfullscreen="true" style="width:100%;height:99%;"></iframe>
	</div>
	<div id="childWindow" style="width:0;height:0;">
		<iframe scrolling="auto" id='childIframe' frameborder="0" src="" style="width:100%;height:99%;"></iframe>
	</div>

	<div id="alarmVideoWindow" style="width:720px;height:420px;">
		<iframe scrolling="auto" id='alarmVideoWindowIframe' frameborder="0" src="" style="width:100%;height:99%;"></iframe>
	</div>


	<!--弹出报警窗口-->
	<div id="alarmWindow" class="easyui-window" title="报警窗口" data-options="iconCls:'icon-alarm',minimizable:false,tools:'#tt'"
	 style="width:320px;height:200px;padding:10px;">
		<div id="alarmBox" class="alarm_box" contenteditable="false"><br /></div>
	</div>
	<div id="tt">
		<a href="javascript:void(0)" class="icon-clear" onclick="javascript:AlarmGrid.clearWindow()"></a>
	</div>
	<!--GPS实时监控时，显示的GPS信息-->
	<div id="gpsInfoWindow">
		<table id="pg" style="width:300px"></table>
	</div>

	<c:if test="${hasPlayBackVideoAuthority == true }">
		<div id="videoPlaybackContent" style="position:absolute;width:600px;height:600px;z-index:-100">
			<iframe id="videoPlayBackIFrame" scrolling="auto" frameborder="0" src="<%=ApplicationPath %>/videoPlayBack/view.action?windowCurNum=1"
			 style="width:100%;height:100%;"></iframe>
		</div>
	</c:if>
	<div id="videoContent" style="position:absolute;width:600px;height:600px;z-index:10000">
		<div id="centerLayout" class="easyui-layout" style="width:100%;height:100%">
			<div data-options="region:'center',border:true">
				<!--/videoCommand/viewRealTimeVideo.action-->
				<iframe id="realTimeVideoIFrame" scrolling="auto" frameborder="0" src="<%=ApplicationPath %>/alarmImage/test.action"
				 style="width:100%;height:100%;"></iframe>
			</div>
			<div data-options="region:'east',border:true" style="width:300px;">
				<iframe id="mapFrame" scrolling="no" frameborder="0" src="" style="width:100%;height:99%;"></iframe>
			</div>

			<div data-options="region:'south',split:true,border:true" style="height:240px">

				<div id="realDataTab" class="easyui-tabs" data-options="fit:true,border:false,plain:true,onSelect:onTabSelect,tools:'#tab-tools'">
					<div title="实时数据" style="padding:0px" data-options="">

						<div id="commandToolbar" style=" margin :0px; padding :5px;">
							<div id="commandBar">
								车牌号：
								<input id="realDataPlateNo" type="realDataPlateNo" style="width:100px;" />&nbsp;|
							</div>
							<div id="realDataGridTips" style="display:none;background-color:#ffffcc;width:100%;font-size:12px;padding:5px;color:red;">正在加载实时数据..........</div>
						</div>
						<div id="realDataPanel" class="easyui-panel" style="width:300px;height:200px" data-options="href:'datagrid.jsp?v=1',fit:true,border:false,plain:true,onResize:onPanelResize"
						 data-options="iconCls:'icon-ok',tools:'#tt'">
						</div>

					</div>
					<div title="报警数据" style="padding:0px" data-options="iconCls:'fa fa-bell-o blue-icon'">
						<div id="alarmGridToolbar" style=" margin :0px; padding :5px;">
							<span style="color:red">双击记录处理报警</span> &nbsp;|
							车牌号：
							<input id="alarmPlateNo" name="alarmPlateNo" type="text" onfocus="" style="width:80px;" />
							报警来源：
							<select class="easyui-combobox" name="alarmSrc" id="alarmSrc" style="width:100px;" data-options="panelHeight:'auto'">
							</select>
							&nbsp;
							报警类型：
							<select class="easyui-combobox" name="alarmType" id="alarmType" style="width:140px;">
							</select>
							

							<a id="btnQueryAlarmData" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">查询</a>
							<a id="btnResetAlarm" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">重置</a>
							<input type="checkbox" id="autoRefreshAlarmGrid" checked="true"/>自动刷新表格

							<input type="checkbox" id="muteAlarmSound" />静音&nbsp;&nbsp;
							<input type="checkbox" id="disableAlarmWindow" />禁止弹窗
							<input type="checkbox" id="disableAlarmActiveSafe" checked="true"/>主动安全
						</div>
						<div id="alarmDataGrid"></div>
					</div>
					<div title="终端命令" style="padding:0px" data-options="iconCls:'fa fa-comment-o blue-icon'">
						<div id="terminalCommandGrid"></div>
					</div>

					<div title="报警督办" style="padding:0px" data-options="iconCls:'fa fa-fax blue-icon'">
						<div id="alarmToDoGridToolbar" style=" margin :0px; padding :5px;color:blue">
							双击进行报警督办应答 <input type="checkbox" id="autoRefresh809AlarmGrid" />自动刷新
						</div>
						<div id="alarmToDoGrid"></div>
					</div>

					<div title="上级政府平台" style="padding:0px" data-options="iconCls:'fa fa-dashboard blue-icon'">
						<div id="jt809GridToolbar" style=" margin :0px; padding :5px;">
							<a id="btnConnectMainLink" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">连接主链路(0x1001)</a>
							<a id="btnCloseMainLinkRequest" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-function'">主链路注销请求(0x1003)</a>
							<a id="btnCloseMainLinkNotify" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-function'">主链路断开通知(0x1007)</a>
							<a id="btnCloseLinkNotify" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">主动关闭主从链路通知消息(0x1008)</a>
							<a id="btnAuthorizeCode" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-function'">时效口令上报(0x1701)</a>
							&nbsp;&nbsp;&nbsp;&nbsp;
							主链路状态:<img id="mainLinkState" src="<%=ApplicationPath%>/image/no.png" align="absmiddle" />&nbsp;|
							从链路状态:<img id="subLinkState" src="<%=ApplicationPath%>/image/no.png" align="absmiddle" />

						</div>
						<div id="jt809Grid"></div>
					</div>

				</div>

				<!--realdatatab-->
				<div id="tab-tools">
					<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-remove'" onclick="hideRealDataTab()"></a>
				</div>

			</div>
		</div>
	</div>


	<div id="routePlanWindow" class="easyui-window" title="路线规划" data-options="iconCls:'icon-route'" style="width:400px;height:200px;padding:10px;">
		<table width="100%">
			<tr>
				<td width="10%">起点:</td>
				<td width="90%"><input type="text" id="startPOI" style="width:300px;" /> </td>
			</tr>
			<td>终点:</td>
			<td><input type="text" id="endPOI" style="width:300px;" />
			</td>
			</tr>
			</tr>
			<td colspan=2 align=center>
				<a id="btnPlanRoute" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">
					路径规划</a>
			</td>
			</tr>
		</table>
	</div>

	<!--地图对象信息窗口的模板，json数据可以填充到模板中，生成Html-->

	<!---->
	<div id="infoWindowTemplateOutput" style="display: none;"></div>

	<!--地图上显示车辆信息模板,鼠标点击地图上的车辆时弹出的信息窗口-->
	<div id="infoWindowTemplate" style="display:none;">
		<table width=510 class=maptable>
			<tr>
				<td width=16% class="tdheader">[车牌号码]:</td>
				<td align=left>{{plateNo}}</td>
				<td class="tdheader" width=16%>[所属部门]:</td>
				<td>{{depName}}</td>
			</tr>
			<tr>
				<td class="tdheader">[经度纬度]:</td>
				<td>{{orgLongitude}},{{orgLatitude}}</td>
				<td class="tdheader">[速度方向]:</td>
				<td>{{velocity}}(km/h) {{directionDescr}}</td>
			</tr>
			<tr>
				<td class="tdheader">[定位时间]:</td>
				<td>{{sendTime}}</td>
				<td class="tdheader">[里程(km)]:</td>
				<td>{{mileage}}</td>
			</tr>
			<tr>
				<td class="tdheader">[ 司机]:</td>
				<td>{{driverName}}</td>
				<td class="tdheader">[ 押运员]:</td>
				<td>{{monitor}}</td>
			</tr>
			<tr>
				<td class="tdheader">[联系电话]:</td>
				<td>{{telephone}}</td>
				<td class="tdheader">[sim卡号]:</td>
				<td>{{simNo}}</td>
			</tr>
			<tr>
				<td class="tdheader">[车辆状态]:</td>
				<td colspan=3>{{status}}</td>
			</tr>
			<tr>
				<td class="tdheader">[设备报警]:</td>
				<td colspan=3 style="color:red;">{{alarmStateDescr}}</td>
			</tr>
			<tr>
				<td style="border:solid #A6B3D2 !important;border-width:3px 0 0 0  !important;" id="address_{id}}" colspan=4>{{location}}</td>
			</tr>
		</table>
	</div>


	<!--地图上的车辆信息模板，鼠标双击实时数据栏中的车辆数据行，自行弹出的信息窗口-->
	<div id="infoWindowTemplate2" style="display: none;">
			<table  class="maptable3"><tbody>
				<tr class="headTr"><td>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					[<span style="color:blue;">{{plateNo}}({{plateColor}})</span>]
					&nbsp;&nbsp;
					行驶状态：<span>{{velocityDescr}}</span>
				</td></tr>
				<tr class="bodyTr"><td>
					&nbsp;
					速度/方向：{{velocity}}(km/h)/{{directionDescr}}
					&nbsp;&nbsp;
					里程(km):{{mileage}}
				</td></tr>
				<tr class="bodyTr"><td>
					&nbsp;
					经纬度：{{orgLatitude}} , {{orgLongitude}}
				</td></tr>
				<tr class="bodyTr"><td>
					&nbsp;
					上报时间 ：{{sendTime}}
					&nbsp;
					设备状态 : <span id="statusInfoTd">{{status}}</span>
				</td></tr>
				<tr class="bodyTr"><td>
					&nbsp;
					驾驶员 ：
					<!-- <a href="javascript:window.parent.InfoWindow.viewDriverInfo({{driverId}});" id="driverNameId">{{driverName2}}</a> -->
					<span id="driverNameId">{{driverName}}</span>
					&nbsp;
					电话 ： {{telephone}}
					&nbsp;
					部门 ：{{depName}}
				</td></tr>
				<tr class="bodyTr"><td>
					&nbsp;
					sim卡号 : {{simNo}}
					&nbsp;&nbsp;
					设备报警 :<span style="color:red;">{{alarmStateDescr}}</span> 
				</td></tr>
				<tr class="bodyTr"><td>
					&nbsp;
					地址 : <span id="locationId">{{location}}</span>
				</td></tr>
				<tr style="height:40px;text-align:right;"><td>
					<span>
						<c:if test="${hasRealTimeVideoAuthority == true}">
							<img id="realtimeVideoDivImg2" class="realtimeVideoDiv" 
								onclick="javascript:window.parent.InfoWindow.viewRealTimeVideo({{vehicleId}},'{{plateNo}}','{{simNo}}');"
								onmouseenter="javascript:(function(event){
									layer.tips('实时视频', '#realtimeVideoDivImg2', {
										tips: [1, '#0FA6D8'], //还可配置颜色
										time: 3000,
									});
									})();"/>
						</c:if>
					</span>
						&nbsp;
					<span><img id="monitorDivImg2" class="monitorDiv" 
						onclick="javascript:window.parent.InfoWindow.openCommandWindow('REAL_MONITOR','{{vehicleId}}','单独监控','icon-greencar',null);"
						onmouseenter="javascript:(function(event){
							layer.tips('单独监控', '#monitorDivImg2', {
								tips: [1, '#0FA6D8'], //还可配置颜色
								time: 3000,
							});
							})();"/>
					</span>
					&nbsp;
					<span><img id="replayVideoDivImg2" class="replayVideoDiv" 
						onclick="javascript:window.parent.parent.addHisrouteTab();window.parent.parent.setPlateNoNew('{{plateNo}}');"
						onmouseenter="javascript:(function(event){
							layer.tips('轨迹回放', '#replayVideoDivImg2', {
								tips: [1, '#0FA6D8'], //还可配置颜色
								time: 3000,
							});
							})();"/>
					</span>
					&nbsp;
					<span><img id="sendTextDivImg2" class="sendTextDiv" 
						onclick="javascript:window.parent.InfoWindow.viewSendTextWindow('{{vehicleId}}','文本下发','/sendText/view.action');"
						onmouseenter="javascript:(function(event){
							layer.tips('文本下发', '#sendTextDivImg2', {
								tips: [1, '#0FA6D8'], //还可配置颜色
								time: 3000,
							});
							})();"/>
					</span>
					&nbsp;
				</td></tr>
			</tbody></table>
		<!-- <table width=600 class=maptable>
			<tr>
				<td width=11% class="tdheader">车牌号:</td>
				<td align=left>{{plateNo}}
					<c:if test="${hasRealTimeVideoAuthority == true}">
						<a style="margin-left:3px;" href="javascript:window.parent.InfoWindow.viewRealTimeVideo({{vehicleId}},'{{plateNo}}','{{simNo}}');">打开视频</a>
					</c:if>
				</td>
				<td width=15% class="tdheader">颜色:</td>
				<td align=left width=15%>{{plateColor}}</td>
				<td class="tdheader" width=15%>车组:</td>
				<td width=20%>{{depName}}</td>
			</tr>
			<tr>
				<td class="tdheader">业户:</td>
				<td>{{memberName}}</td>
				<td class="tdheader">车辆类型:</td>
				<td>{{vehicleType}}</td>
				<td class="tdheader">行业类型:</td>
				<td>{{industryType}}</td>
			</tr>
			<tr>
				<td class="tdheader">经纬度:</td>
				<td>{{orgLongitude}},{{orgLatitude}}</td>
				<td class="tdheader">GPS速度:</td>
				<td>{{velocity}}(km/h)</td>
				<td class="tdheader">记录仪速度:</td>
				<td>{{recordVelocity}}(km/h)</td>
			</tr>
			<tr>
				<td class="tdheader">有效性:</td>
				<td>{{valid}}</td>
				<td class="tdheader">方向:</td>
				<td>{{directionDescr}}</td>
				<td class="tdheader">海拔(米):</td>
				<td>{{altitude}}</td>
			</tr>
			<tr>
				<td class="tdheader">状态:</td>
				<td colspan=3>{{status}}</td>
				<td class="tdheader">Sim卡号:</td>
				<td>{{simNo}}</td>
			</tr>
			<tr>
				<td class="tdheader">报警:</td>
				<td colspan=5 style="color:red;">{{alarmStateDescr}}</td>
			</tr>
			<tr>
				<td class="tdheader">定位时间:</td>
				<td>{{sendTime}}</td>
				<td class="tdheader">里程(km):</td>
				<td>{{mileage}}</td>
				<td class="tdheader">油量:</td>
				<td>{{gas}}(升)</td>
			</tr>
			<tr>
				<td class="tdheader">地址:</td>
				<td id="address_{{id}}">{{location}}</td>
				<td  class="tdheader">驾驶员:</td>
				<td><div style="width:80px;overflow: hidden;"><a href="javascript:InfoWindow.viewDriverInfo({{driverId}})">{{driverName}}</a></div></td>
				<td class="tdheader">电子运单2:</td>
				<td>{{ewayBill}}</td>
			</tr>
		</table> -->
	</div>

	<!--轨迹回放功能中地图上的停车点，气泡模板-->
	<div id="infoWindowTemplate3" style="display: none;">
		<table  class="maptable3"><tbody>
			<tr class="headTr"><td>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				[<span style="color:blue;">{{plateNo}}</span>]
				&nbsp;
				停车
			</td></tr>
			<tr class="bodyTr"><td>
				&nbsp;
				顺序 ：{{rowIndex2}}
			</td></tr>
			<tr class="bodyTr"><td>
				&nbsp;
				开始时间 ：{{startTime}}
			</td></tr>
			<tr class="bodyTr"><td>
				&nbsp;
				结束时间 ：{{endTime}}
			</td></tr>
			<tr class="bodyTr"><td>
				&nbsp;
				停车时长 ：{{stopTimeValue}}
			</td></tr>
			<tr class="bodyTr"><td>
				&nbsp;
				经纬度 ：{{latitude}} , {{longitude}}
			</td></tr>
			<tr class="bodyTr"><td>
				&nbsp;
				当前位置 ：{{location}} 
			</td></tr>
			<tr class="bodyTr"><td>
				&nbsp;
				附近 ：{{location1}}
			</td></tr>
		</tbody></table>
	</div>

</body>

<script id="realDataTemplate2" type="text/x-jquery-tmpl">
<table width=700 class=maptable>
 <tr><td width=11% class="tdheader">车牌号:</td><td align=left>${plateNo}</td><td width=15%  class="tdheader">颜色:</td><td align=left width=15%>${plateColor}</td><td class="tdheader" width=15%>车组:</td><td>${depName}</td></tr>
<tr><td class="tdheader">业户:</td><td>${memberName}</td><td class="tdheader">车辆类型:</td><td>${vehicleType}</td><td class="tdheader">行业类型:</td><td>${industryType}</td></tr>
 <tr><td class="tdheader">经纬度:</td><td>${orgLongitude},{orgLatitude}</td><td class="tdheader">GPS速度:</td><td>${velocity}(km/h)</td><td class="tdheader">记录仪速度:</td><td>${recordVelocity}(km/h)</td></tr>
 <tr><td class="tdheader">有效性:</td><td>${valid}</td><td class="tdheader">方向:</td><td>${directionDescr}</td><td class="tdheader">海拔(米):</td><td>${altitude}</td></tr>
 <tr><td class="tdheader">状态:</td><td colspan=3>${status}</td><td class="tdheader">Sim卡号:</td><td>${simNo}</td></tr>
 <tr><td class="tdheader">报警:</td><td colspan=5 style="color:red;">${alarmStateDescr}</td></tr>
 <tr><td class="tdheader">GPS时间:</td><td>${sendTime}</td><td class="tdheader">里程(km):</td><td>${mileage}</td><td class="tdheader">油量:</td><td>${gas}(升)</td></tr>
 <tr><td class="tdheader">地址:</td><td id="address_{id}">${location}</td><td class="tdheader">驾驶员:</td><td><a href="javascript:InfoWindow.viewDriverInfo({driverId})">${driverName}</a></td><td class="tdheader">电子运单:</td><td>${ewayBill}</td></tr>
</table>
</script>

<script id="realDataTemplate" type="text/x-jquery-tmpl"></script>
<div id="templateContent" style="display:none"></div>



</html>